<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title th:text="${application.fullname} +' | 首页'"></title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/AdminLTE.min.css">
<link rel="stylesheet" href="css/_all-skins.min.css">
<!-- <link rel="stylesheet" href="css/usm.css"> -->
<link href="css/index.css" rel="stylesheet">
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue layout-top-nav fixed">
	<div class="wrapper">
		<header class="main-header">
			<nav class="navbar navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<a href="#" class="navbar-brand"><b>[[${application.fullname}]]</b>([[${application.shortname}]])</a>
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse" data-target="#navbar-collapse">
							<i class="fa fa-bars"></i>
						</button>
					</div>

					<div class="collapse navbar-collapse pull-left"
						id="navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a th:href="@{/doc.html}" target="_blank">接口文档(新版)
									<span class="sr-only">(current)</span>
							</a></li>
							<li><a th:href="@{/console}">控制台</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">源码<span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu">
									<li><a href="https://github.com/jusm/jusm-parent"
										target="_blank">GitHub</a></li>
									<li><a href="https://gitee.com/wenhoran/jusm-parent"
										target="_blank">码云</a></li>
								</ul></li>
						</ul>
						<form class="navbar-form navbar-left" role="search">
							<div class="form-group">
								<input type="text" class="form-control" id="navbar-search-input"
									placeholder="Search">
							</div>
						</form>
					</div>
					<!-- /.navbar-collapse -->
					<!-- Navbar Right Menu -->
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- Messages: style can be found in dropdown.less-->
							<li class="dropdown messages-menu">
								<!-- Menu toggle button --> <a href="#" class="dropdown-toggle"
								data-toggle="dropdown"> <i class="fa fa-envelope-o"></i> <span
									class="label label-success">4</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 4 messages</li>
									<li>
										<!-- inner menu: contains the messages -->
										<ul class="menu">
											<li>
												<!-- start message --> <a href="#">
													<div class="pull-left">
														<!-- User Image -->
														<img th:src="@{/img/blue-lotus.jpg}" class="img-circle"
															alt="User Image">
													</div> <!-- Message title and timestamp -->
													<h4>
														Support Team <small><i class="fa fa-clock-o"></i>
															5 mins</small>
													</h4> <!-- The message -->
													<p>Why not buy a new awesome theme?</p>
											</a>
											</li>
											<!-- end message -->
										</ul> <!-- /.menu -->
									</li>
									<li class="footer"><a href="#">See All Messages</a></li>
								</ul>
							</li>
							<!-- /.messages-menu -->

							<!-- Notifications Menu -->
							<li class="dropdown notifications-menu">
								<!-- Menu toggle button --> <a href="#" class="dropdown-toggle"
								data-toggle="dropdown"> <i class="fa fa-bell-o"></i> <span
									class="label label-warning">10</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 10 notifications</li>
									<li>
										<!-- Inner Menu: contains the notifications -->
										<ul class="menu">
											<li>
												<!-- start notification --> <a href="#"> <i
													class="fa fa-users text-aqua"></i> 5 new members joined
													today
											</a>
											</li>
											<!-- end notification -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all</a></li>
								</ul>
							</li>
							<!-- Tasks Menu -->
							<li class="dropdown tasks-menu">
								<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle"
								data-toggle="dropdown"> <i class="fa fa-flag-o"></i> <span
									class="label label-danger">9</span>
							</a>
								<ul class="dropdown-menu">
									<li class="header">You have 9 tasks</li>
									<li>
										<!-- Inner menu: contains the tasks -->
										<ul class="menu">
											<li>
												<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
													<h3>
														Design some buttons <small class="pull-right">20%</small>
													</h3> <!-- The progress bar -->
													<div class="progress xs">
														<!-- Change the css width attribute to simulate progress -->
														<div class="progress-bar progress-bar-aqua"
															style="width: 20%" role="progressbar" aria-valuenow="20"
															aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">20% Complete</span>
														</div>
													</div>
											</a>
											</li>
											<!-- end task item -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all tasks</a></li>
								</ul>
							</li>

							<li th:if="${#httpServletRequest.remoteUser == null}"><a
								th:href="@{/login}">登录</a></li>
							<!-- User Account Menu -->
							<li th:if="${#httpServletRequest.remoteUser!=null}"
								class="dropdown user user-menu">
								<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle"
								data-toggle="dropdown"> <img th:src="@{/img/blue-lotus.jpg}"
									class="user-image" alt="User Image"> <span
									class="hidden-xs">[[${#httpServletRequest.remoteUser}]]</span>
							</a>
								<ul class="dropdown-menu">
									<!-- The user image in the menu -->
									<li class="user-header"><img src="img/user2-160x160.jpg"
										class="img-circle" alt="User Image">
										<p>
											[[${#httpServletRequest.remoteUser}]] - Web Developer <small>Member
												since Nov. 2012</small>
										</p></li>
									<!-- Menu Body -->
									<li class="user-body">
										<div class="row">
											<div class="col-xs-4 text-center">
												<a href="#">Followers</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Sales</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Friends</a>
											</div>
										</div> <!-- /.row -->
									</li>
									<!-- Menu Footer-->
									<li class="user-footer">
										<div class="pull-left">
											<a href="#" class="btn btn-default btn-flat">Profile</a>
										</div>
										<div class="pull-right">
											<a
												href="javascript:document.getElementById('logout').submit()"
												class="btn btn-default btn-flat">Sign out</a>
											<form id="logout" style="display: none"
												th:action="@{/logout}" method="post" />
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- /.navbar-custom-menu -->
				</div>
				<!-- /.container-fluid -->
			</nav>
		</header>

		<!-- Full Width Column -->
		<div class="content-wrapper" id="content-wrapper">
			<!-- 广告轮播 -->
	<div id="ad-carousel" class="carousel slide" data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
			<li data-target="#ad-carousel" data-slide-to="1"></li>
			<li data-target="#ad-carousel" data-slide-to="2"></li>
			<li data-target="#ad-carousel" data-slide-to="3"></li>
			<li data-target="#ad-carousel" data-slide-to="4"></li>
		</ol>
		<div class="carousel-inner">
<!-- 			<div class="item active"> -->
<!-- 				<img th:src="@{${#oss.select(3)}}" alt="1 slide"> -->

<!-- 				<div class="container"> -->
<!-- 					<div class="carousel-caption"> -->
<!-- 						<h1>Chrome</h1> -->
<!-- 						<p>Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。 img/chrome-big.jpg</p> -->

<!-- 						<p> -->
<!-- 							<a class="btn btn-lg btn-primary" -->
<!-- 								href="http://www.google.cn/intl/zh-CN/chrome/browser/" -->
<!-- 								role="button" target="_blank">点我下载</a> -->
<!-- 						</p> -->
<!-- 					</div> -->
<!-- 				</div> -->
<!-- 			</div> -->
			<div class="item active">
				<img src="img/firefox-big.jpg" alt="2 slide">

				<div class="container">
					<div class="carousel-caption">
						<h1>Firefox</h1>

						<p>Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器。</p>

						<p>
							<a class="btn btn-lg btn-primary"
								href="http://www.firefox.com.cn/download/" target="_blank"
								role="button">点我下载</a>
						</p>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="img/safari-big.jpg" alt="3 slide">

				<div class="container">
					<div class="carousel-caption">
						<h1>Safari</h1>

						<p>Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器。</p>

						<p>
							<a class="btn btn-lg btn-primary"
								href="http://www.apple.com/cn/safari/" target="_blank"
								role="button">点我下载</a>
						</p>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="img/opera-big.jpg" alt="4 slide">

				<div class="container">
					<div class="carousel-caption">
						<h1>Opera</h1>

						<p>Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。</p>

						<p>
							<a class="btn btn-lg btn-primary"
								href="http://www.opera.com/zh-cn" target="_blank" role="button">点我下载</a>
						</p>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="img/ie-big.jpg" alt="5 slide">

				<div class="container">
					<div class="carousel-caption">
						<h1>IE</h1>

						<p>Internet Explorer，简称 IE，是微软公司推出的一款网页浏览器。</p>

						<p>
							<a class="btn btn-lg btn-primary" href="http://ie.microsoft.com/"
								target="_blank" role="button">点我下载</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#ad-carousel" data-slide="prev"><span
			class="glyphicon glyphicon-chevron-left"></span></a> <a
			class="right carousel-control" href="#ad-carousel" data-slide="next"><span
			class="glyphicon glyphicon-chevron-right"></span></a>
	</div>
			<hr>
			<div class="row">
				<div class="container">
					<!-- The time line -->
					<ul class="timeline">
					
					<!-- timeline time label -->
						<li class="time-label"><span class="bg-red"> 10 Sep.
								2018 </span></li>
						<!-- timeline item -->
<!-- 						<li><i class="fa fa-video-camera bg-maroon"></i> -->

<!-- 							<div class="timeline-item"> -->
<!-- 								<span class="time"><i class="fa fa-clock-o"></i> 5 days -->
<!-- 									ago</span> -->

<!-- 								<h3 class="timeline-header"> -->
<!-- 									<a href="#">Mr. Doe</a> shared a video -->
<!-- 								</h3> -->

<!-- 								<div class="timeline-body"> -->
<!-- 									<div class="embed-responsive embed-responsive-16by9"> -->
<!-- 									<iframe class="embed-responsive-item" th:src="@{${#oss.select(1)}}" -->
<!-- 																				frameborder="0" allowfullscreen ></iframe> -->
<!-- 									</div> -->
<!-- 								</div> -->
<!-- 								<div class="timeline-footer"> -->
<!-- 									<a href="#" class="btn btn-xs bg-maroon">See comments</a> -->
<!-- 								</div> -->
<!-- 							</div></li> -->
						<!-- END timeline item -->
						
						
						<!-- timeline time label -->
						<li class="time-label"><span class="bg-red"> 10 Feb.
								2014 </span></li>
						<!-- /.timeline-label -->
						<!-- timeline item -->
						<li><i class="fa fa-envelope bg-blue"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>

								<h3 class="timeline-header">
									<a href="#">Support Team</a> sent you an email
								</h3>
								<div class="timeline-body">Etsy doostang zoodles disqus
									groupon greplin oooj voxy zoodles, weebly ning heekya handango
									imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo
									ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu
									weebly balihoo...</div>
								<div class="timeline-footer">
									<a class="btn btn-primary btn-xs">Read more</a> <a
										class="btn btn-danger btn-xs">Delete</a>
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
						<li><i class="fa fa-user bg-aqua"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 5 mins
									ago</span>

								<h3 class="timeline-header no-border">
									<a href="#">Sarah Young</a> accepted your friend request
								</h3>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
						<li><i class="fa fa-comments bg-yellow"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 27 mins
									ago</span>

								<h3 class="timeline-header">
									<a href="#">Jay White</a> commented on your post
								</h3>

								<div class="timeline-body">Take me to your leader!
									Switzerland is small and neutral! We are more like Germany,
									ambitious and misunderstood!</div>
								<div class="timeline-footer">
									<a class="btn btn-warning btn-flat btn-xs">View comment</a>
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline time label -->
						<li class="time-label"><span class="bg-green"> 3 Jan.
								2014 </span></li>
						<!-- /.timeline-label -->
						<!-- timeline item -->
						<li><i class="fa fa-camera bg-purple"></i>

							<div class="timeline-item">
								<span class="time"><i class="fa fa-clock-o"></i> 2 days
									ago</span>

								<h3 class="timeline-header">
									<a href="#">Mina Lee</a> uploaded new photos
								</h3>

								<div class="timeline-body">
									<img src="http://placehold.it/150x100" alt="..." class="margin">
									<img src="http://placehold.it/150x100" alt="..." class="margin">
									<img src="http://placehold.it/150x100" alt="..." class="margin">
									<img src="http://placehold.it/150x100" alt="..." class="margin">
								</div>
							</div></li>
						<!-- END timeline item -->
						<!-- timeline item -->
<!-- 						<li><i class="fa fa-video-camera bg-maroon"></i> -->

<!-- 							<div class="timeline-item"> -->
<!-- 								<span class="time"><i class="fa fa-clock-o"></i> 5 days -->
<!-- 									ago</span> -->

<!-- 								<h3 class="timeline-header"> -->
<!-- 									<a href="#">Mr. Doe</a> shared a video -->
<!-- 								</h3> -->

<!-- 								<div class="timeline-body"> -->
<!-- 									<div class="embed-responsive embed-responsive-16by9"> -->
<!-- 										<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs" frameborder="0" -->
<!-- 																					allowfullscreen></iframe> -->
<!-- 									</div> -->
<!-- 								</div> -->
<!-- 								<div class="timeline-footer"> -->
<!-- 									<a href="#" class="btn btn-xs bg-maroon">See comments</a> -->
<!-- 								</div> -->
<!-- 							</div></li> -->
						<!-- END timeline item -->
						<li><i class="fa fa-clock-o bg-gray"></i></li>
					</ul>
				</div>
			</div>
			<!-- /.row -->
		</div>
		
		<!-- /.content-wrapper -->
		<footer class="main-footer">
			<div class="container">
				<div class="pull-right hidden-xs">
					<b>Version</b> [[${application.systemver}]]
				</div>
				<strong>Copyright &copy; 2016 - [[${application.currentyear}]] <a href="#">创未来科技有限公司</a>.</strong> All rights reserved.
			</div>
			<!-- /.container -->
		</footer>
	</div>
	<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap 3.3.7 -->
	<script src="js/bootstrap.min.js"></script>
	<!-- SlimScroll -->
	<script src="js/jquery.slimscroll.min.js"></script>
	<!-- FastClick -->
	<script src="js/fastclick.js"></script>
	<!-- AdminLTE App -->
	<script src="js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="js/demo.js"></script>
</body>
</html>
